<template>
  <div >
	  <div style="background-color: #fff;display: flex;height: 80px;">
		  <div class="hello">
			  早安, 李雷, 开始您一天的工作吧！
		  </div>
		  <div class="right">
			  <div style="flex: 1;margin-top: 10px;">
				  <div class="text-secondary">待办</div>
				  <div class="text-2xl">2/10</div>
			  </div>
			  <div style="flex: 1;margin-top: 10px;">
				  <div class="text-secondary">项目</div>
				  <div class="text-2xl">8</div>
			  </div>
			  <div style="flex: 1;margin-top: 10px;">
				  <div class="text-secondary">团队</div>
				  <div class="text-2xl">300</div>
			  </div>
		  </div>
	  </div>
  </div>
</template>

<script>

export default {
  name: 'HomeView',
  components: {
    
  }
}
</script>
<style scoped>
	.hello{
		flex: 1;
		line-height: 80px;
	}
	.right{
		display: flex;
		flex: 1;
	}
	.right > div > div{
		text-align: center;
	}
	.justify-center {
	    justify-content: center;
	}
	.text-2xl {
	    font-size: 1.5rem;
	    line-height: 2rem;
	}
	.text-secondary {
	    color: #00000073;
	}
</style>